<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
			this.autoUpdate();
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			// 自动更新
			autoUpdate: function() {
				var self = this
				// 获取小程序更新机制兼容
				if (uni.canIUse('getUpdateManager')) {
					const updateManager = uni.getUpdateManager()
					//1. 检查小程序是否有新版本发布
					updateManager.onCheckForUpdate(function(res) {
						// 请求完新版本信息的回调
						if (res.hasUpdate) {
							//2. 小程序有新版本，则静默下载新版本，做好更新准备
							updateManager.onUpdateReady(function() {
								uni.showModal({
									title: '更新提示',
									content: '新版本已经准备好，点击确定重启应用体验新版！',
									showCancel: false,
									success: function(res) {
										if (res.confirm) {
											//3. 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
											updateManager.applyUpdate();
										} else if (res.cancel) {
											//如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了
											// uni.showModal({
											// 	title: '温馨提示~',
											// 	content: '本次版本更新涉及到新的功能添加，旧版本无法正常访问的哦~',
											// 	success: function(res) {
											// 		self.autoUpdate()
											// 		return;
											// 		//第二次提示后，强制更新           
											// 		if (res.confirm) {
											// 			// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
											// 			updateManager.applyUpdate()
											// 		} else if (res.cancel) {
											// 			//重新回到版本更新提示
											// 			self.autoUpdate()
											// 		}
											// 	}
											// })
										}
									}
								})
							})
							updateManager.onUpdateFailed(function() {
								// 新的版本下载失败
								uni.showModal({
									title: '已经有新版本了哟~',
									content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~',
								})
							})
						}
					})
				} else {
					// 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
					uni.showModal({
						title: '提示',
						content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
					})
				}
			},
		},
	}
</script>

<style lang="scss">
	@import '@/static/icon-font/iconfont.css';
	/*每个页面公共css */
	
	page {
		background-color: #f4f4f4;
	}
	
	* {
		box-sizing: border-box;
	}
	
	input {
		font-family: "微软雅黑";
	}
	
	image {
		vertical-align: middle;
	}
	
	/*每个页面公共css */
	.safe-area-inset-bottom {
		padding-bottom: 0;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.fs12 {
		font-size: 12upx
	}

	.fs14 {
		font-size: 14upx
	}

	.fs16 {
		font-size: 16upx
	}

	.fs18 {
		font-size: 18upx
	}

	.fs20 {
		font-size: 20upx
	}

	.fs24 {
		font-size: 24upx
	}

	.fs26 {
		font-size: 26upx
	}

	.fs28 {
		font-size: 28upx
	}

	.fs30 {
		font-size: 30upx
	}

	.fs32 {
		font-size: 32upx
	}

	.fs34 {
		font-size: 34upx
	}

	.fs36 {
		font-size: 36upx
	}

	.fs38 {
		font-size: 38upx
	}

	.fs40 {
		font-size: 40upx
	}

	.fs46 {
		font-size: 46upx
	}

	.fs50 {
		font-size: 50upx
	}

	.fw-bold {
		font-weight: bold;
	}

	.flex {
		display: flex;
	}
	.flex-1 {
		flex: 1;
	}
	
	.flex-column {
		flex-direction: column;
	}

	.flex-display {
		display: flex;
	}

	.flex-wrap {
		flex-wrap: wrap;
	}

	.align-items-center {
		align-items: center;
	}

	.align-self-center {
		align-self: center;
	}

	.justify-space-between {
		justify-content: space-between;
	}

	.justify-center {
		justify-content: center;
	}

	.justify-flex-end {
		justify-content: flex-end;
	}

	.text-center {
		text-align: center
	}

	.text-right {
		text-align: right
	}

	.mar-auto {
		margin: auto
	}

	.mar-top-10 {
		margin-top: 10upx
	}

	.mar-top-20 {
		margin-top: 20upx
	}

	.mar-top-30 {
		margin-top: 30upx
	}

	.mar-bottom-10 {
		margin-bottom: 10upx
	}

	.mar-bottom-20 {
		margin-bottom: 20upx
	}

	.mar-bottom-30 {
		margin-bottom: 30upx
	}

	.mar-left-10 {
		margin-left: 10upx
	}

	.mar-left-20 {
		margin-left: 20upx
	}

	.mar-left-30 {
		margin-left: 30upx
	}

	.mar-right-10 {
		margin-right: 10upx
	}

	.mar-right-20 {
		margin-right: 20upx
	}

	.mar-right-30 {
		margin-right: 30upx
	}

	.mar-lr-10 {
		margin: 0upx 10upx
	}

	.mar-lr-20 {
		margin: 0upx 20upx
	}

	.mar-lr-30 {
		margin: 0upx 30upx
	}

	.mar-tb-10 {
		margin: 10upx 0upx
	}

	.mar-tb-20 {
		margin: 20upx 0upx
	}

	.mar-tb-30 {
		margin: 30upx 0upx
	}

	.mar-10 {
		margin: 10upx
	}

	.mar-20 {
		margin: 20upx
	}

	.mar-30 {
		margin: 30upx
	}

	.pad-10 {
		padding: 10upx
	}

	.pad-20 {
		padding: 20upx
	}

	.pad-30 {
		padding: 30upx
	}

	.pad-left-10 {
		padding-left: 10upx
	}

	.pad-left-20 {
		padding-left: 20upx
	}

	.pad-left-30 {
		padding-left: 30upx
	}

	.pad-right-10 {
		padding-right: 10upx
	}

	.pad-right-20 {
		padding-right: 20upx
	}

	.pad-right-30 {
		padding-right: 30upx
	}

	.pad-top-10 {
		padding-top: 10upx
	}

	.pad-top-20 {
		padding-top: 20upx
	}

	.pad-top-30 {
		padding-top: 30upx
	}

	.pad-bottom-10 {
		padding-bottom: 10upx
	}

	.pad-bottom-20 {
		padding-bottom: 20upx
	}

	.pad-bottom-30 {
		padding-bottom: 30upx
	}

	.pad-bottom-40 {
		padding-bottom: 40upx
	}

	.pad-bottom-50 {
		padding-bottom: 50upx
	}

	.pad-bottom-60 {
		padding-bottom: 60upx
	}

	.pad-lr-10 {
		padding: 0upx 10upx
	}

	.pad-lr-20 {
		padding: 0upx 20upx
	}

	.pad-lr-30 {
		padding: 0upx 30upx
	}

	.pad-tb-10 {
		padding: 10upx 0upx
	}

	.pad-tb-20 {
		padding: 20upx 0upx
	}

	.pad-tb-30 {
		padding: 30upx 0upx
	}

	.bor-rad-10 {
		border-radius: 10upx
	}

	.bor-rad-20 {
		border-radius: 20upx
	}

	.bor-rad-30 {
		border-radius: 30upx
	}

	.bor-rad-half {
		border-radius: 50%
	}

	.bor-rad {
		border-radius: 2em
	}

	.overflow {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.overflow1 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden
	}

	.overflow2 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}

	.overflow3 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden
	}
</style>
